<template>
  <div ref="bodyAnimation"></div>
</template>
<script>
import lottie from "lottie-web";
export default {
  name: "LOTTIE",
  props: {
    options: {
      type: Object,
      required: true,
    }
  },
  data () {
    return {
    };
  },
  mounted () {
    this.anim = lottie.loadAnimation({
      container: this.$refs.bodyAnimation, // the dom element that will contain the animation
      renderer: "svg",
      loop: this.options.loop !== false,
      autoplay: this.options.autoplay !== false,
      animationData: this.options.animationData,
      rendererSettings: this.options.rendererSettings,
      //   path: sheepJson // the path to the animation json
    });
    this.$emit("animCreated", this.anim);
  },
  methods: {},
};
</script>
<style lang="scss" scoped></style>